<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$name}</title>
<link type="text/css" href="__APP__/statics/css/banner.css" rel="stylesheet">
<script type="text/javascript" src="__APP__/statics/jquery.1.4.2.js"></script>
<script type="text/javascript" src="__APP__/statics/js/catelist.js"></script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font-family:"微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif;font-size:12px;color:#333;line-height:150%;background:#fff;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#317ee7;text-decoration:none;}
a:active{color:#317ee7;}
/* top */
.top{width:100%;height:25px;line-height:25px;background:url(__APP__/statics/topbg.gif);}
.top2{width:1200px;margin:0 auto;}
.top2-left{float:left;cursor:pointer}
.top2-right{float:right;margin-left:10px;}
/* logo */
.logo{width:1200px;height:80px;margin:0 auto;margin-top:10px;}
.logo span{display:block;float:left;}

.search{display:block;background:#317ee7;width:510px;height:35px;line-height:35px;margin:0 auto;margin-top:15px;float:left;vertical-align:middle}
.search ul{display:block;float:left;}
.top-ad{width:1200px;margin:0 auto;margin-top:10px}
/*banner*/
.banner-box{width:1200px;margin:0 auto;margin-top:7px;height:500px;}
.banner{width:780px;height:540px;float:left;margin-left:5px;}
.ban-left{width:200px;height:507px;float:left;background:#317ee7;margin-top:-7px;color:#fff}
/*banner-end*/
.banner_tui{padding:5px;font-size:15px;margin-top:5px;background:#ffba00;color:#fff}
.banner_tui_box{border:1px solid #dedede;text-align:center}
.banner_tui_box dl{width:145px;float:left;margin-right:10px;}

.ban-right{width:200px;height:420px;float:right;}
.shop_new{height:200px;margin-top:10px;padding:5px;border:1px solid #dedede;}

/* cate_list */
.category-content{height:35px;position:relative;margin:0 auto;margin-top:10px;z-index:113;background:#317ee7;font-family:"微软雅黑"}
.category-content span{display:block;float:left;text-align:center;width:120px;line-height:35px;font-size:17px;color:#fff}
.category-content span:hover{background:#ffba00}
.allgoods{height:35px;line-height:35px;border:0px;text-align:center;background:#317ee7;color:#fff;font-size:17px}
.category-content .category{width:1200px;position:absolute;top:0px;z-index:113;width:199px;+height:456px;border:1px solid #dadad9;border-top:none;background:#fefefe;box-shadow:1px 1px 1px #dedede;}
.category-content .category-list li{height:72px;border:2px solid #fff;border-right:none;position:relative;z-index:113; vertical-align:bottom;}
.category-content .category-list a:hover{text-decoration:none;color:#D2364C;}
.category-content .category-info{padding-left:12px;}
.category-content .category-name{overflow:hidden;position:relative;padding-top:10px;font:600 16px/30px "宋体";}
.category-content .category-name i{position:absolute;top:13px;width:25px;height:25px;-top:6px;}
.category-content .category-name b{margin-left:4px;font:400 12px/28px "宋体";}
.category-content .category-name a{color:#4c4c4c;}
.category-content .category-name .ml-22{margin-left:35px;}
.category-content .list-nz i{background-position:0 -200px;}
.category-content .list-nanz i{background-position:-23px -200px;}
.category-content .list-tz i{background-position:-48px -200px;}
.category-content .list-ny i{background-position:-72px -200px;}
.category-content .list-xb i{background-position:-96px -200px;}
.category-content .list-xl i{background-position:0 -225px;}
.category-content .c-category-list{font:400 12px/24px "宋体";}
.category-content .c-category-list a{margin-right:8px;color:#626262;}
.category-content .category-info{position:relative;height:72px;overflow:hidden;}
.category-content .category-info em{position:absolute;top:16px;right:10px;width:13px;height:13px;color:#9b9b9b;}
.category-content .category .hover{box-shadow:0px 2px 3px #ccc;margin-left:-1px;padding-left:1px;z-index:999;} 
.category-content .hover .category-info{border:none;text-decoration:none;background:#fff;}
.category-content .menu-item{display:none;position:absolute;left:196px;z-index:11; width:500px;padding:0 0 0 2px;background:#fff;border:none;box-shadow:0px 2px 3px #dedede; border-top:1px solid #bbb\9;zoom:1;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=4)";*filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=4);}
.category-content .menu-item .area-in{position:relative; z-index:1; }
.category-content .menu-item .area-bg{padding:10px 0 10px 20px;}
.category-content .menu-in{display:none;}
.category-content .category-list li.hover .category-info{z-index:999;}
.category-list li.hover .menu-in{border:2px solid #dedede;}
.category-list li.hover{border:2px solid #dedede;border-right:none;}

.c-category-list{width:160px;margin-right:1px;padding-bottom:10px;border-bottom:1px solid #f4f4f4;zoom:1;overflow:hidden;height:20px;}
.area-bg dl{float:left;height:30px;width:70px;font:400 12px/24px "宋体";}
</style>
</head>

<body>
<div class="top">
   <div class="top2">
    <span class="top2-left" id="addto">加入收藏夹</span>
	<span class="top2-right"><a href="__APP__">商城首页</a></span>
	<span class="top2-right"><a href="__GROUP__/Help">客户服务</a></span>
	<span class="top2-right"><a href="__APP__/Member/trade">我的订单</a></span>
	<span class="top2-right">[<a href="__APP__/Member/reg">免费注册</a>]</span>
	<if condition="$user eq ''">
	<span class="top2-right">
	[<a href="__APP__/Member/login">登录</a>]</span>
	<span class="top2-right"><a href="__APP__/Member/qqlogin" target="_blank"><img src="__APP__/statics/qq_login.png"></a></span>
	<else/>
	<span class="top2-right">
	<a href="__APP__/Member"><span style="color:#cc0000">{$user}</span></a>,[<a href="__APP__/Member/loginout">退出</a>]</span>
	</if>
	<span class="top2-right">欢迎来到{$name}！</span>
   </div>
</div>
<div class="top-ad">{$topad.content}</div>

<div class="logo">
   <span style="width:350px;"><a href="__APP__"><img src="__APP__/statics/logo-201305.png"></a></span>
<form method="get" action="__GROUP__/List/search">
   <span class="search">
        <ul style="width:430px;height:31px;line-height:31px;padding:3px">
	       <input name="keyword" type="text" style="height:18px;margin-top:0px;padding:5px;border:0px;" size="65">
	   </ul>
	   <ul class="sbox" style="float:left;width:70px;text-align:center;">
	   <input type="image" src="__APP__/statics/search.jpg" height="31" width="59px"></ul>
   </span>
</form>
   <span style="display:block;float:right;margin-top:15px;"><a href="__APP__/Cart/show.html"><img src="__APP__/statics/fuwu.jpg"/></a></span>
</div>

<div style="clear:both"></div>
<!--导航菜单-->
<div class="category-content">
	<div style="width:1200px;margin:0 auto">
			<div>
				<span class="all-goods" style="width:200px">全部商品</span>
				<a href="__APP__/"><span class="all-goods" <if condition="$current_class eq 1">style="background:#ffba00"</if>>首页</span></a>
				<a href="__APP__/Wshop"><span class="all-goods" <if condition="$current_class eq 2">style="background:#ffba00"</if>>品牌街</span></a>
				<a href="__APP__/Market"><span class="all-goods" <if condition="$current_class eq 3">style="background:#ffba00"</if>>蚂蚁超市</span></a>
				<a href="__APP__/Fruit"><span class="all-goods" <if condition="$current_class eq 4">style="background:#ffba00"</if>>蚂蚁预售</span></a>
				<a href="__APP__/Cart/show.html"><span class="all-goods" style="float:right;width:200px"><img src="__APP__/statics/cart.png">购物车（<i id="cart_num">{$cart_num}</i>）</span></a>
			</div>

			<div class="category">
			    <ul class="allgoods">全部分类</ul>
				<ul class="category-list">
<volist name="cat" id="cat">
					<li class="js_toggle">
						<div class="category-info list-xl">
							<h3 class="category-name">
								<i <if condition="$cat.icon neq ''">style="background:url(__APP__/statics/icons/cate/{$cat.icon})"<else/>style="background:url(__APP__/statics/icons/cate/c.gif)"</if>></i>
								<a href="__APP__/c/{$cat.cat_id}" class="ml-22">{$cat.cat_name}</a>
							</h3>
							<p class="c-category-list">
			<volist name="cat[rec]" id="rec">
								<a href="__APP__/c/{$rec.cat_id}">{$rec.cat_name}</a>
			</volist>
							</p>
							<em>&gt;</em>
						</div>
						<!--弹出右侧-->
						<div class="menu-item menu-in">
							<div class="area-bg">
			<volist name="cat[son]" id="son">
								<dl><a href="__APP__/c/{$son.cat_id}">{$son.cat_name}</a></dl>
			</volist>
							</div>
						</div>
						<!--弹出右侧-->
					</li>
</volist>

				</ul>
			</div>
	</div>
</div>

<div class="banner-box">
<div class="ban-left"></div>
<div class="banner">
	<div id="focus">
		<ul>
<volist name="strollad" id="strollad">
			<li>
				<div style="left:0;top:0;">{$strollad.content}</div>
			</li>
</volist>
		</ul>
	</div>

	<div class="banner_tui">优惠专场</div>
	<div class="banner_tui_box">
<volist name="goods3" id="goods3">
	  <dl><a href="__GROUP__/Goods/item.html?id={$goods3.goods_id}"><img src="__APP__/{$goods3.m_pic}" height="130px"></a></dl>
</volist>
	</div>
</div>
<div class="ban-right">
  <div>{$ad_song.content}</div>
  <div class="shop_new">
      <dt><img src="__TMPL__/img/notice.jpg"></dt>
<volist name="notice" id="notice">
     <dl><a href="__APP__/News/view/?id={$notice.id}">>{$notice.title|substr=0,42}</a></dl>
</volist>
  </div>

  <div class="shop_new" style="height:230px">
      <dt><img src="__TMPL__/img/newgood.jpg"></dt>
	  <dl>{$ad_new.content}</dl>
  </div>
</div>
</div>
<script type="text/javascript" src="__APP__/statics/js/banner.js"></script>

	
